.home-slider-item {
  position: relative;

  div {
    position: absolute;
    bottom: .2667rem;
    left: .5333rem;
    color: white;
    font-weight: bold;
    font-size: .5333rem
  }
}

.home-hotcate-container {
  background: white;

  .title {
    padding: .4rem;
    color: #949494;
  }
}

.home-goodfood-container-title {
  padding: .4rem;
  color: #949494;
  font-size: .5333rem;
  background: #fff;
  border-bottom: .0267rem solid #ccc;
}

.home-goodfood-container {
  box-sizing: border-box;
  background: #fff;
  margin-top: .2667rem;
  padding-left: .1rem;

  height: 8rem;
  overflow: hidden;
  // background: red;
  // position: relative;



  .item {
    display: flex;
    flex-wrap: wrap;
    background: #f5f5f9;

    >dl {
      // 巧用计算css属性
      width: calc(50% - 0.1rem);
      background: #fff;
      margin-right: .1rem;
      margin-bottom: .1rem;

      dt {
        img {
          width: 100%;
        }
      }

      dd {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .1rem;

        h3 {
          font-size: .16rem;
        }

        p {
          font-size: .12rem;
          color: #666;
        }
      }
    }
  }


}